<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<title>新生服务平台</title>
		<link rel="stylesheet" href="<%=basePath%>static/yzyx/css/stuInfo.css" />
		<!--[if lt IE 9]>
		    <script type="text/javascript">
		        var str = "你的浏览器版本太low了,已经和时代脱轨了 :(";
		        var str2 = "升级浏览器或者，"+"推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:blue;'>谷歌</a>,"+ "其他双核极速模式";
		        document.writeln("<pre style='text-align:center;color:#fff;background-color:#0cc; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
		                "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><h2>" +
		                str2 + "</h2><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
		        document.execCommand("Stop");
		    </script>
		<![endif]-->
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>
    <!--在线咨询-->
		<div class="seven">
			<div class="together"><span class="font">&#xe60b;</span>
				<p><a href="">在线咨询</a></p>
			</div>
		</div>
		<!--头部-->
		<div id="body_top">
			<img src="<%=basePath%>static/yzyx/images/icon_02.png">
		</div>
		<!--内容区-->
	<div class="gd">
		<div id="body">
			<div class="body_01 clearfix">
				<div class="body_01_left together">
					<div class="title together"><a>现场报道</a></div>
					<div class="bd">
						<img src="<%=basePath%>static/yzyx/images/16370103151695.JPG">
						<div class="xx">
							<ul>
								<li><a>考生号：</a><span id="ksh">1111</span></li>
								<li><a>民族：</a><span id="mz">1111</span></li>
								<li><a>身份证号：</a><span id="sfzh">372924199503200028</span></li>								
								<li><a>院系：</a><span id="yx">1111</span></li>
								<li><a>专业：</a><span id="zy">1111</span></li>
								<li><a>班级：</a><span id="bj">1111</span></li>
								<li><a>班主任：</a><span id="bzr">1111</span></li>
								<li><a>班主任电话：</a><span id="bzrdh">1111</span></li>
								<li><a>一卡通号：</a><span id="ykth">1111</span></li>
								<li><a>班级QQ群：</a><span id="bjqqq">1111</span></li>
							</ul>
						</div>
						<div class="ck">
							<div class="sfz">
								<input type="text" maxlength="18" id="sfzh_input" placeholder="请输入身份证号"/>
								<img src="<%=basePath%>static/yzyx/images/ico.png">
								<div class="jp">
									<ul>
										<li><a>1</a></li>
										<li><a>2</a></li>
										<li><a>3</a></li>
										<li><a>4</a></li>
										<li><a>5</a></li>
										<li><a>6</a></li>
										<li><a>7</a></li>
										<li><a>8</a></li>
										<li><a>9</a></li>
										<li><a>X</a></li>
										<li><a>0</a></li>
										<li class="font">&#xe675;</li>
									</ul>
									<span class="font">&#xe61f;</span>
								</div>
								
							</div>
							<div class="ksh">
								<input type="text" maxlength="13" id="ksh_input" placeholder="请输入考生号"/>
								<img src="<%=basePath%>static/yzyx/images/ico.png">
								<div class="jp">
									<ul>
										<li><a>1</a></li>
										<li><a>2</a></li>
										<li><a>3</a></li>
										<li><a>4</a></li>
										<li><a>5</a></li>
										<li><a>6</a></li>
										<li><a>7</a></li>
										<li><a>8</a></li>
										<li><a>9</a></li>
										<li><a>X</a></li>
										<li><a>0</a></li>
										<li class="font">&#xe675;</li>
									</ul>
									<span class="font">&#xe61f;</span>
								</div>
							</div>	
							<div class="cx">查询</div>
						</div>
					</div>
				</div>
			</div>
			<div class="body_two clearfix">
				<div class="body_two_left together">
					<div class="body_two_left_top">
						<div class="title_two together"><a>缴费情况</a></div>
						<ul>	 
							<li><a>应缴金额</a><a id="yjje">666666</a>&nbsp;元</li>
							<li><a>已缴金额</a><a id="sjje">666666</a>&nbsp;元</li>
							<li><a>未缴金额</a><a id="wjje">666666</a>&nbsp;元</li>
							<li><a>是否完成</a><a id="sfwc">未完成</a></li>
						</ul>
					</div>
					<div class="body_two_left_bot">
						<div class="title_two together"><a>宿舍情况</a></div>
						<ul>	 	 
							<li><a>社区</a><a id="sq">666666</a></li>
							<li><a>宿舍楼</a><a id="ssl">666666</a></li>
							<li><a>宿舍号</a><a id="ssh">666666</a></li>
							<li><a>床位 </a><a id="cw">666666</a></li>
						</ul>
					</div>
				</div>
				<div class="body_two_right together">
					<div class="title_two together">现场报到环节信息</div>
					<div class="gd_two">
					<div class="one">
						<ul>				
							<li class="center">序号</li>
							<li class="center">报到环节名称</li>
							<li class="center nono2">办理地点</li>
							<li class="center nono">办理说明</li>
							<li class="center">办理状态</li>
						</ul>
					</div>
					<!--下面内容超出出现滚动条-->
					<div class="one context">
						<ul>
							<li class="center">1</li>
							<li class="center">现场报到</li>
							<li class="center">学校食堂</li>
							<li>凭二代身份证和录取通知书报到，现场验证身份，打印报到单</li>
							<li class="center">否</li>
						</ul>
					</div>
					<div class="one context">
						<ul>
							<li class="center">2</li>
							<li class="center">缴费</li>
							<li class="center">学校食堂</li>
							<li>凭二代身份证和录取通知书报到，现场验证身份，打印报到单</li>
							<li class="center">否</li>
						</ul>
					</div>
					<div class="one context">
						<ul>
							<li class="center">3</li>
							<li class="center">所在院系报道</li>
							<li class="center">学校食堂</li>
							<li>凭二代身份证和录取通知书报到，现场验证身份，打印报到单</li>
							<li class="center">否</li>
						</ul>
					</div>
					<div class="one context">
						<ul>
							<li class="center">4</li>
							<li class="center">办理入住手续</li>
							<li class="center">学校食堂</li>
							<li>凭二代身份证和录取通知书报到，现场验证身份，打印报到单</li>
							<li class="center">否</li>
						</ul>
					</div>
					<!--打印-->
					<div class="dy together context">
						<a>打印</a>
					</div>
				</div>
				</div>
			</div>
		<div class="body_six clearfix">
			<div class="body_six_middle">
					<p>Copyright © 2016 山东医学高等专科学校.&nbsp;&nbsp; 地址：山东省临沂市聚才六路.    </p>
					<p>电话：0539-8225584.&nbsp;&nbsp;邮箱：276100&nbsp;&nbsp;鲁ICP12018674号</p>
			</div>
		</div>
		</div>
	</div>
	<script type="text/javascript"
	src="<%=basePath%>static/jquery-1.11.2.min.js"></script>
	<script>
	//键盘的开关
		$('.ck img').click(function(){
				 $(this).siblings('.jp').fadeIn().parents('.sfz').siblings().find('.jp').fadeOut();
		})
		$('.ck span').click(function(){
				 var index=$(this).index();
				$(this).parents('.jp').fadeOut();	
		})
	//键盘事件
	//身份证号
		$(".sfz ul li:not('.font')").click(function(){
			var len=$('.sfz input').val().length;
			if(len<=17){
				$('.sfz input').val($('.sfz input').val()+$(this).text());
			}
			
		})
		$('.sfz ul .font').click(function(){
			var len=$('.sfz input').val();
			$('.sfz input').val($('.sfz input').val().substring(0, $('.sfz input').val().length - 1));
		})
	//考生号
	$(".ksh ul li:not('.font')").click(function(){
			var len=$('.ksh  input').val().length;
			if(len<=10){
				$('.ksh  input').val($('.ksh  input').val()+$(this).text());
			}
			
		})
		$('.ksh  ul .font').click(function(){
			var len=$('.ksh input').val();
			$('.ksh input').val($('.ksh input').val().substring(0, $('.ksh input').val().length - 1));
		})
		
		function selInfo (){
			var sfzh=$("#sfzh_input").val();
			var ksh=$("#ksh_input").val();
			 $.ajax({
             type: "POST",
             url: "<%=basePath%>/s/getStuInfo",
             data: {sfzh:sfzh, ksh:ksh},
             dataType: "json",
             success: function(data){
             	//console.info(data);
             	init(data);
             }})
		
		}

		$(".cx").click(selInfo)
		
		function init (data){
			var xsxx=data.xsxx;
			$("#ksh").text(xsxx.ksh);
			$("#sfzh").text(xsxx.sfzh);
			$("#mz").text(xsxx.mz);
			$("#yx").text(xsxx.yx);
			$("#zy").text(xsxx.zy);
			$("#bj").text(xsxx.bjmc);
			$("#bzr").text(xsxx.fdyxm);
			$("#bzrdh").text(xsxx.dh);
			$("#ykth").text(xsxx.ykth);
			$("#bjqqq").text(xsxx.qqq);
			var jfxx=data.sfqk
			$("#yjje").text(jfxx.wjje);
			$("#sjje").text(jfxx.sjje);
			$("#wjje").text(jfxx.wjje);
			$("#sfwc").text(jfxx.wjje==0?"完成":"未完成");
			
			var bdlcxxList =data.bdlcxxList;
			$(".context").remove();
			var tab = $(".gd_two");
			for(var x in bdlcxxList){
				var u = bdlcxxList[x];
				var html='<div class="one context"><ul><li class="center">'+u.hjsx+'</li><li class="center">'+u.hj+'</li><li class="center">'+u.bldd+'</li><li>'+u.hjsm+'</li><li class="center">'+(u.zt==1?'是':'否')+'</li></ul></div>';
				tab.append(html);
			}
			//add print
			tab.append('<div class="dy together context"><a>打印</a></div>')
			
			//宿舍
			var cwxx =data.yxcw;
			if(cwxx){
				$("#sq").text(cwxx.sqm);
				$("#ssl").text(cwxx.sslmc);
				$("#ssh").text(cwxx.fjmc);
				$("#cw").text(cwxx.cwmc);
			}else{
				$("#sq").text("未选择");
				$("#ssl").text("未选择");
				$("#ssh").text("未选择");
				$("#cw").text("未选择");
			}
		}
		
		
		var height=$(window).height();
		var martop=height*0.8+'px';
		$('.gd').css('height',martop);

		
		
</script>
  </body>
</html>
